<!DOCTYPE html>
<html lang="zh-Hans">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    
    <title>如何用hugo搭建个人博客 | chili的博客</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1">
    <meta name="generator" content="Hugo 0.72.0" />
    
    
      <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
    

    
    
      <link href="/dist/css/app.4fc0b62e4b82c997bb0041217cd6b979.css" rel="stylesheet">
    

    

    
      

    

    
    
    <meta property="og:title" content="如何用hugo搭建个人博客" />
<meta property="og:description" content="如何用hugo搭建个人博客 安装Hugo  去hugo 下载Hugo-xxx-windows-64.bit.zip 解压 将安装包解压到d:\software\hugo\ 设置环境变量 将d:\software\hugo加入path 重启vscode终端 运行 Hugo version 命令查看版本并且验证安装是否成功  搭建博客   创建一个空文件夹study 进入目录
cd study
  进入hugo 复制step2~7的代码 如下解释：
    step2: Hugo new site xxx. github. io-creator 建立新网站创建博客生成器 注意xxx是在GitHub的用户名并且是小写
  step3: cd xxx. github. io-creator
git init
git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke echo &lsquo;theme = &ldquo;ananke&rdquo;&rsquo; &raquo; config.toml 添加主题配置   step4: hugo new posts/my-first-post.md 创建并进行博客内容编写 （直接在已有的内容上往下编写 draft属性可改成false 即所以人可见 默认ture为仅自己可见 languageCode = &ldquo;zh-Hans&rdquo;）" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://chili2000.github.io/posts/%E5%A6%82%E4%BD%95%E7%94%A8hugo%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/" />
<meta property="article:published_time" content="2020-06-22T20:17:19+08:00" />
<meta property="article:modified_time" content="2020-06-22T20:17:19+08:00" />
<meta itemprop="name" content="如何用hugo搭建个人博客">
<meta itemprop="description" content="如何用hugo搭建个人博客 安装Hugo  去hugo 下载Hugo-xxx-windows-64.bit.zip 解压 将安装包解压到d:\software\hugo\ 设置环境变量 将d:\software\hugo加入path 重启vscode终端 运行 Hugo version 命令查看版本并且验证安装是否成功  搭建博客   创建一个空文件夹study 进入目录
cd study
  进入hugo 复制step2~7的代码 如下解释：
    step2: Hugo new site xxx. github. io-creator 建立新网站创建博客生成器 注意xxx是在GitHub的用户名并且是小写
  step3: cd xxx. github. io-creator
git init
git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke echo &lsquo;theme = &ldquo;ananke&rdquo;&rsquo; &raquo; config.toml 添加主题配置   step4: hugo new posts/my-first-post.md 创建并进行博客内容编写 （直接在已有的内容上往下编写 draft属性可改成false 即所以人可见 默认ture为仅自己可见 languageCode = &ldquo;zh-Hans&rdquo;）">
<meta itemprop="datePublished" content="2020-06-22T20:17:19&#43;08:00" />
<meta itemprop="dateModified" content="2020-06-22T20:17:19&#43;08:00" />
<meta itemprop="wordCount" content="81">



<meta itemprop="keywords" content="" /><meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="如何用hugo搭建个人博客"/>
<meta name="twitter:description" content="如何用hugo搭建个人博客 安装Hugo  去hugo 下载Hugo-xxx-windows-64.bit.zip 解压 将安装包解压到d:\software\hugo\ 设置环境变量 将d:\software\hugo加入path 重启vscode终端 运行 Hugo version 命令查看版本并且验证安装是否成功  搭建博客   创建一个空文件夹study 进入目录
cd study
  进入hugo 复制step2~7的代码 如下解释：
    step2: Hugo new site xxx. github. io-creator 建立新网站创建博客生成器 注意xxx是在GitHub的用户名并且是小写
  step3: cd xxx. github. io-creator
git init
git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke echo &lsquo;theme = &ldquo;ananke&rdquo;&rsquo; &raquo; config.toml 添加主题配置   step4: hugo new posts/my-first-post.md 创建并进行博客内容编写 （直接在已有的内容上往下编写 draft属性可改成false 即所以人可见 默认ture为仅自己可见 languageCode = &ldquo;zh-Hans&rdquo;）"/>

	
  </head>

  <body class="ma0 avenir bg-near-white">

    
   
  

  <header>
    <div class="bg-black">
      <nav class="pv3 ph3 ph4-ns" role="navigation">
  <div class="flex-l justify-between items-center center">
    <a href="/" class="f3 fw2 hover-white no-underline white-90 dib">
      
        chili的博客
      
    </a>
    <div class="flex-l items-center">
      

      
      















    </div>
  </div>
</nav>

    </div>
  </header>



    <main class="pb7" role="main">
      
  
  <article class="flex-l flex-wrap justify-between mw8 center ph3">
    <header class="mt4 w-100">
      <aside class="instapaper_ignoref b helvetica tracked">
          
        POSTS
      </aside>
      




  <div id="sharing" class="mt3">

    
    <a href="https://www.facebook.com/sharer.php?u=https://chili2000.github.io/posts/%E5%A6%82%E4%BD%95%E7%94%A8hugo%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/" class="facebook no-underline" aria-label="share on Facebook">
      <svg height="32px"  style="enable-background:new 0 0 67 67;" version="1.1" viewBox="0 0 67 67" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M28.765,50.32h6.744V33.998h4.499l0.596-5.624h-5.095  l0.007-2.816c0-1.466,0.14-2.253,2.244-2.253h2.812V17.68h-4.5c-5.405,0-7.307,2.729-7.307,7.317v3.377h-3.369v5.625h3.369V50.32z   M33,64C16.432,64,3,50.569,3,34S16.432,4,33,4s30,13.431,30,30S49.568,64,33,64z" style="fill-rule:evenodd;clip-rule:evenodd;"/></svg>

    </a>

    
    
    <a href="https://twitter.com/share?url=https://chili2000.github.io/posts/%E5%A6%82%E4%BD%95%E7%94%A8hugo%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/&amp;text=%e5%a6%82%e4%bd%95%e7%94%a8hugo%e6%90%ad%e5%bb%ba%e4%b8%aa%e4%ba%ba%e5%8d%9a%e5%ae%a2" class="twitter no-underline" aria-label="share on Twitter">
      <svg height="32px"  style="enable-background:new 0 0 67 67;" version="1.1" viewBox="0 0 67 67" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M37.167,22.283c-2.619,0.953-4.274,3.411-4.086,6.101  l0.063,1.038l-1.048-0.127c-3.813-0.487-7.145-2.139-9.974-4.915l-1.383-1.377l-0.356,1.017c-0.754,2.267-0.272,4.661,1.299,6.271  c0.838,0.89,0.649,1.017-0.796,0.487c-0.503-0.169-0.943-0.296-0.985-0.233c-0.146,0.149,0.356,2.076,0.754,2.839  c0.545,1.06,1.655,2.097,2.871,2.712l1.027,0.487l-1.215,0.021c-1.173,0-1.215,0.021-1.089,0.467  c0.419,1.377,2.074,2.839,3.918,3.475l1.299,0.444l-1.131,0.678c-1.676,0.976-3.646,1.526-5.616,1.568  C19.775,43.256,19,43.341,19,43.405c0,0.211,2.557,1.397,4.044,1.864c4.463,1.377,9.765,0.783,13.746-1.568  c2.829-1.673,5.657-5,6.978-8.221c0.713-1.716,1.425-4.851,1.425-6.354c0-0.975,0.063-1.102,1.236-2.267  c0.692-0.678,1.341-1.419,1.467-1.631c0.21-0.403,0.188-0.403-0.88-0.043c-1.781,0.636-2.033,0.551-1.152-0.402  c0.649-0.678,1.425-1.907,1.425-2.267c0-0.063-0.314,0.042-0.671,0.233c-0.377,0.212-1.215,0.53-1.844,0.72l-1.131,0.361l-1.027-0.7  c-0.566-0.381-1.361-0.805-1.781-0.932C39.766,21.902,38.131,21.944,37.167,22.283z M33,64C16.432,64,3,50.569,3,34S16.432,4,33,4  s30,13.431,30,30S49.568,64,33,64z" style="fill-rule:evenodd;clip-rule:evenodd;fill:;"/></svg>

    </a>

    
    <a href="https://www.linkedin.com/shareArticle?mini=true&amp;url=https://chili2000.github.io/posts/%E5%A6%82%E4%BD%95%E7%94%A8hugo%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/&amp;title=%e5%a6%82%e4%bd%95%e7%94%a8hugo%e6%90%ad%e5%bb%ba%e4%b8%aa%e4%ba%ba%e5%8d%9a%e5%ae%a2" class="linkedin no-underline" aria-label="share on LinkedIn">
      <svg  height="32px"  style="enable-background:new 0 0 65 65;" version="1.1" viewBox="0 0 65 65" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <path d="M50.837,48.137V36.425c0-6.275-3.35-9.195-7.816-9.195  c-3.604,0-5.219,1.983-6.119,3.374V27.71h-6.79c0.09,1.917,0,20.427,0,20.427h6.79V36.729c0-0.609,0.044-1.219,0.224-1.655  c0.49-1.22,1.607-2.483,3.482-2.483c2.458,0,3.44,1.873,3.44,4.618v10.929H50.837z M22.959,24.922c2.367,0,3.842-1.57,3.842-3.531  c-0.044-2.003-1.475-3.528-3.797-3.528s-3.841,1.524-3.841,3.528c0,1.961,1.474,3.531,3.753,3.531H22.959z M34,64  C17.432,64,4,50.568,4,34C4,17.431,17.432,4,34,4s30,13.431,30,30C64,50.568,50.568,64,34,64z M26.354,48.137V27.71h-6.789v20.427  H26.354z" style="fill-rule:evenodd;clip-rule:evenodd;fill:;"/>
</svg>

    </a>
  </div>


      <h1 class="f1 athelas mt3 mb1">如何用hugo搭建个人博客</h1>
      
      
      <time class="f6 mv4 dib tracked" datetime="2020-06-22T20:17:19&#43;08:00">June 22, 2020</time>

      
      
    </header>
    <div class="nested-copy-line-height lh-copy serif f4 nested-links nested-img mid-gray pr4-l w-two-thirds-l"><h2 id="如何用hugo搭建个人博客">如何用hugo搭建个人博客</h2>
<h3 id="安装hugo">安装Hugo</h3>
<ol>
<li>去<a href="https://github.com/gohugoio/hugo/releases">hugo</a>  下载Hugo-xxx-windows-64.bit.zip</li>
<li>解压 将安装包解压到d:\software\hugo\</li>
<li>设置环境变量 将d:\software\hugo加入path</li>
<li>重启vscode终端 运行 Hugo version 命令查看版本并且验证安装是否成功</li>
</ol>
<h3 id="搭建博客">搭建博客</h3>
<ol>
<li>
<p>创建一个空文件夹study 进入目录</p>
<p>cd study</p>
</li>
<li>
<p>进入<a href="https://gohugo.io/getting-started/quick-start/">hugo</a> 复制step2~7的代码 如下解释：</p>
</li>
</ol>
<ul>
<li>
<p>step2: Hugo new site xxx. github. io-creator </p>
<p>建立新网站创建博客生成器 注意xxx是在GitHub的用户名并且是小写</p>
</li>
<li>
<p>step3: cd xxx. github. io-creator</p>
<p>git init</p>
<p>git submodule add <a href="https://github.com/budparr/gohugo-theme-ananke.git">https://github.com/budparr/gohugo-theme-ananke.git</a> themes/ananke </p>
<p>echo &lsquo;theme = &ldquo;ananke&rdquo;&rsquo; &raquo; config.toml
添加主题配置   </p>
</li>
<li>
<p>step4: hugo new posts/my-first-post.md </p>
<p>创建并进行博客内容编写 （直接在已有的内容上往下编写 draft属性可改成false 即所以人可见 默认ture为仅自己可见 languageCode = &ldquo;zh-Hans&rdquo;）</p>
</li>
<li>
<p>step5: hugo server -D</p>
<p>启动Hugo服务器 访问出现的网址http://localhost:1313/即导航到博客站点。</p>
</li>
<li>
<p>step6: 自定义主题进行网站配置 在vscode中ctrl+p搜索 config. toml文件（注意不是显示默认的那一个）对其内容进行修改：zh-Hans baseURL地址改为Github Pages显示的网址</p>
</li>
<li>
<p>step7: 新建端口（注意不能把第一个端口关闭）执行 hugo  建立创建了一个public目录即博客站点</p>
</li>
</ul>
<p>使用hugo server 就可以预览网站啦</p>
<ul class="pa0">
  
</ul>
<div class="mt6 instapaper_ignoref">
      
      
      </div>
    </div>

    <aside class="w-30-l mt6-l">




</aside>

  </article>

    </main>
    <footer class="bg-black bottom-0 w-100 pa3" role="contentinfo">
  <div class="flex justify-between">
  <a class="f4 fw4 hover-white no-underline white-70 dn dib-ns pv2 ph3" href="https://chili2000.github.io/" >
    &copy;  chili的博客 2020 
  </a>
    <div>














</div>
  </div>
</footer>

    

  <script src="/dist/js/app.3fc0f988d21662902933.js"></script>


  </body>
</html>
